<!DOCTYPE html>
<html>
<head>
<title> Fast courrier</title>
<style>
*{
   margin: 0px;
   padding: 0px;
}

body{

background-color:#E0E0E0  ;
}

#header{
width:100%;
height:50;
text-align:center;
text-decoration:none;
text-transform:uppercase;
font-weight:bold;
font-family:"Times New Roman";
font-size:30px;
color:black;
border:2px solid black;
}

#div1{
width:800px;
height:100%;
float:left;
margin-left:200px;
}

#footer{
width:100%;
height:70px;
border:2px solid black;
text-align:center;
text-decoration:none;
text-transform:uppercase;
font-weight:bold;
font-family:"Times New Roman";
font-size:20px;
color:black;
margin-top:700px;
}
</style>
</head>

<body>
	
	<!-- Header-->
	<div id="header">
			 Fast courrier
	</div>
	
	<!-- Sectiunea cu forms-->
	<div id="div1">
	<br/>
		<br/>
		<!-- Form addjob-->
		
		<p> <strong>Add a job by introducing data in the following fields: </strong></p>
		<br/>
			<form action="/TIMISOARARoadRunner/add" method="post">
			  <!--Id:<input type="text" name="orderId" style="width:30px;"><br/-->
			  Sender name: <input type="text" name="expName">
			  Receiver name: <input type="text" name="destName"> <br/>
			  Sender address: <input type="text" name="expAddress">
			  Receiver address:: <input type="text" name="destAddress"> <br/>
			 <input type="submit" value="AddJob" name="AddJobButton">
			</form>
		<br/>	
		
			<!-- Form getjoblist -->
		
		<p> <strong>Show all jobs </strong></p>
		<br/>
		<form action="/TIMISOARARoadRunner/viewClientJobs" method="get">
			  	Enter your name here!: <input type="text" name="clientName">
				<input type="submit" value="Show Job List" name="ShowJobsButton">
			
			</form>
	
	</div>
	
	
	<div id="footer">
			<p style="text-align:center;">Alpha Team <br/>
										  All rights reserved
			</p>				
	</div>
	
</body>
</html>